<style type="text/css">
#FormaCotizador label.error {
  display: block;
  background: #FF0000;
  padding:5px;
  color: #FFFFFF;
}

.styled-select {
  width     : 440px;
  height    : 17px;
  overflow  : hidden;
  background: url(images/down_arrow_select.jpg) no-repeat right #ddd;
  border    : 1px solid #ccc;
}

.styled-select select {
  background        : transparent;
  width             : 468px;
  padding           : 2px;
  font-size         : 8px;
  line-height       : 1;
  border            : 0;
  border-radius     : 0;
  height            : 17px;
  -webkit-appearance: none;
}

.styled-select.small {
  width:220px !important;
}

.styled-select.small select {
  width:248px !important;
}

</style>
<div class="texto_info">
  <center>
    <h1>Cotizador de Auto</h1>
  </center>
</div>

<div>
  <table class="TablaReportes" width="70%">
    <tr>
      <th colspan="4" width="70%">$strNombreVen</th>
      <th colspan="2" width="30%">
        <input type="button" value="Salir" onclick="document.location.href='index.php?option=cotizador_qualitas&salida=1'" />
      </th>
    </tr>
    <tr>
      <th colspan="3" width="50%">$strProyVen</th>
      <th colspan="3" width="50%">Sucursal: $strSucVen</th>
    </tr>
  </table>
  <hr />
</div>

<form class="cmxform" action="index.php" method="POST" id="FormaCotizador">
  <input type="hidden" name="option" value="cotizador_qualitas" />
  <input type="hidden" name="paso" value="2" />
  <input type="hidden" name="error_code" id='error_code' value="0" />
  <input type="hidden" name="datos[id_vendedor]" value="$intIdVendedor" />
  
  <input type="hidden" name="datos[tipo_uso]" id="tipo_uso" value="PARTICULAR" required />
  <input type="hidden" name="datos[salvamento]" id="salvamento" value="No" required />
  
  <div style='visibility:hidden'>
    Datos que no se muestran pero se requieren para obtener toda la info completa
    <div id="codigo_amis">$amis</div>
    <select id="id_estado" name="datos[estado]" onChange="CambioEstadoSepomex()" required>
      <option value=''>:: SELECCIONE ::</option>
      $strSelectEstado
    </select>
    <select id="id_municipio" name="datos[municipio]" required onChange='CambioMunicipioSepomex()'>
      $strMunicipio
    </select>
    <select id="id_colonia" name="datos[colonia]" onChange="CambioColoniaSepomex()" required>
      $strSelectColonia
    </select>
   </div>
  
  <table width='860' id='TablaDatosCotizador'>
    <tr>
      <td width='410px' valign='top'>
        <img src='images/auto_modelo.jpg' width="400" />
      </td>
      <td width='450px' valign='top'>
        <table class="TablaReportes" width='450px' cellspacing='0' cellpadding='0'>
          <tr>
            <th colspan="2">Cotizador</th>
          </tr>

          <tr><td colspan='2'>Marca:</td></tr>
          <tr>
            <td colspan='2'>
              <div class='styled-select'>
                <select id="id_marca" name="datos[marca]" onChange="CambioMarcaQ();" required>
                  <option value=''>:: SELECCIONE ::</option>
                  $strSelectMarca
                </select>
              </div>
            </td>
          </tr>

          <tr><td colspan='2'>Modelo:</td></tr>
          <tr>
            <td colspan='2'>
              <div class='styled-select'>
                <select id="id_marca_anio" name="datos[marca_anio]" onChange="CambioMarcaAnioQ();" required>
                  $strSelectAnioMod
                </select>
              </div>
            </td>
          </tr>

          <tr><td colspan='2'>Descripci&oacute;n:</td></tr>
          <tr>
            <td colspan='2'>
              <div class='styled-select'>
                <select name="datos[amis]" id="id_marca_modelo" onChange="CambioModeloQ();" required>
                  $strSelectTipo
                </select>
              </div>
            </td>
          </tr>

          <tr><td colspan='2'><hr /></td></tr>
          
          <tr><td colspan='2'>Nombre:</td></tr>
          <tr>
            <td colspan='2'>
              <input type="text" class="UpperCase" name="datos[nombre]" id="nombre" value='$nombre' size='60' required />
            </td>
          </tr>
          <tr>
            <td width='50%'>Apellido Paterno:</td>
            <td width='300'>Apellido Materno:</td>
          </tr>
          <tr>
            <td><input type="text" class="UpperCase" name="datos[apaterno]" id="apaterno" value='$apaterno' size='30' required /></td>
            <td><input type="text" class="UpperCase" name="datos[amaterno]" id="amaterno" value='$amaterno' size='30' required /></td>
          </tr>
          <tr>
            <td width='50%'>Fecha de nacimiento (AAAA-MM-DD):</td>
            <td width='50%'>Sexo:</td>
          </tr>
          <tr>
            <td><input type="text" name="datos[fecha_nac]" id="fecha_nac" value='$strFechaNac' size='15' required /></td>
            <td>
              <div class='styled-select small'>
                <select name="datos[sexo]" id="sexo" required>
                  <option value=''>:: SELECCIONE ::</option>
                  $strSelectSexo
                </select>
              </div>
            </td>
          </tr>
          <tr>
            <td width='50%'>C&oacute;digo Postal:</td>
          </tr>
          <tr>
            <td>
              <input type="text" class="UpperCase" name="datos[cp]" id="codigo_postal" value='$cp' size='15' onblur="CambioCPSepomex()" required />
            </td>
          </tr>
          
          <tr><td colspan='2'><hr /></td></tr>
          
          
          <tr>
            <td width='50%'>Tipo de Pago:</td>
            <td width='50%'>Forma de Pago:</td>
          </tr>
          <tr>
            <td>
              <div class='styled-select small'>
                $strSelectTiposPago
              </div>
            </td>
            <td>
              <div class='styled-select small'>
                $strSelectFormasPago
              </div>
            </td>
          </tr>
          <tr>
            <td width='50%'>Duraci&oacute;n:</td>
          </tr>
          <tr>
            <td>
              <div class='styled-select small'>
                $strSelectDuracion
              </div>
            </td>
          </tr>
          <tr>
            <th><input type="button" value="Limpiar Datos" onclick="LimpiarDatos();" /></th>
            <th class='AlinearDerecha'><input type="submit" value="Continuar >>" /></th>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</form>
